<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Page Title -->
    <title>Faq | Spyre - Slick contemporary multipurpose theme</title>

    <!-- Favicons -->
    <link rel="apple-touch-icon" sizes="180x180" href="../assets/img/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="../assets/img/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="../assets/img/favicons/favicon-16x16.png">
    <link rel="manifest" href="../assets/img/favicons/site.webmanifest">
    <link rel="mask-icon" href="../assets/img/favicons/safari-pinned-tab.svg" color="#f23838">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

    <!-- Vendor Stylesheets -->
    <link href="https://fonts.googleapis.com/css?family=Oswald:300,400,500,700%7CRoboto:300,400,700" rel="stylesheet">
    <link href="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/material-design-iconic-font/dist/css/material-design-iconic-font.min.css" rel="stylesheet">

    <!-- Theme Stylesheets -->
    <link href="https://spyre-theme.bitbucket.io/v1.2.0/dist/css/theme.min.css" rel="stylesheet">

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-129313359-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-129313359-1');
    </script>
</head>

<body>
<!-- Preloader -->
<div class="preloader">
    <div class="spinner">
        <div class="circles"></div>
    </div>
</div>
<!-- End of Preloader -->


<!-- Header -->
<header class="spyre-navbar navbar navbar-expand-lg bg-secondary navbar-dark fixed-top align-items-center" data-transparent data-text-color="#ffffff">
    <div class="container">
        <a class="navbar-brand mr-lg-5 mr-xl-7" href="index.html">
            <img src="../assets/img/logo.svg" class="d-none d-lg-block" alt="Spyre" width="183" />
            <img src="../assets/img/logo.svg" class="d-block d-lg-none" alt="Spyre" width="150" />
        </a>

        <span class="navbar-text flex-fill d-none d-md-inline-block text-white">
                    Contact us: <a href="#" class="pl-2 text-white">info@spyre.com</a><a href="#" class="pl-5 text-white">+1-202-555-0149</a>
                </span>

        <div class="search d-none d-lg-flex justify-content-end ml-auto mr-2">
            <input class="form-control mr-2" type="text">
            <i class="zmdi zmdi-search"></i>
        </div>

        <div class="menu-toggle">
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="cross">
                <span></span>
                <span></span>
            </div>
        </div>
    </div>

    <!-- Spyrenav Overlay -->
    <div class="spyre-navbar-overlay overlay-slide">
        <div class="container">
            <div class="row">
                <div class="spyre-navbar-nav-container col-md-6 col-lg-5 col-xl-4 bg-white ext-l">
                    <nav class="spyre-navbar-nav">
                        <ul class="spyre-nav">
                            <li class="spyre-nav-item"><a href="index.html" class="spyre-nav-link">Overview</a></li>
                            <li class="spyre-nav-item dropdown">
                                <a href="#" class="spyre-nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
                                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                    <li class="dropdown-menu-item"><a href="home.html" class="dropdown-menu-link">Homepage</a></li>
                                    <li class="dropdown-menu-item"><a href="services.html" class="dropdown-menu-link">Services</a></li>
                                    <li class="dropdown-menu-item"><a href="blog.html" class="dropdown-menu-link">Blog</a></li>
                                    <li class="dropdown-menu-item"><a href="blog-single.html" class="dropdown-menu-link">Blog single</a></li>
                                    <li class="dropdown-menu-item"><a href="portfolio.html" class="dropdown-menu-link">Portfolio</a></li>
                                    <li class="dropdown-menu-item"><a href="about.html" class="dropdown-menu-link">About</a></li>
                                    <li class="dropdown-menu-item"><a href="contact.html" class="dropdown-menu-link">Contact</a></li>
                                    <li class="dropdown-menu-item"><a href="team.html" class="dropdown-menu-link">Team</a></li>
                                    <li class="dropdown-menu-item active"><a href="faq.html" class="dropdown-menu-link">Faq</a></li>
                                    <li class="dropdown-menu-item"><a href="pricing.html" class="dropdown-menu-link">Pricing</a></li>
                                    <li class="dropdown-menu-item"><a href="careers.html" class="dropdown-menu-link">Careers</a></li>
                                    <li class="dropdown-menu-item"><a href="careers-single.html" class="dropdown-menu-link">Careers single</a></li>
                                    <li class="dropdown-menu-item"><a href="coming-soon.html" class="dropdown-menu-link">Coming soon</a></li>
                                    <li class="dropdown-menu-item"><a href="404.html" class="dropdown-menu-link">404</a></li>
                                    <li class="dropdown-menu-item"><a href="sign-in.html" class="dropdown-menu-link">Sign In</a></li>
                                    <li class="dropdown-menu-item"><a href="sign-up.html" class="dropdown-menu-link">Sing Up</a></li>
                                    <li class="dropdown-menu-item"><a href="recover-account.html" class="dropdown-menu-link">Recover account</a></li>
                                </ul>
                            </li>
                            <li class="spyre-nav-item"><a href="https://spyre-theme.bitbucket.io/v1.2.0/docs/animations.html" class="spyre-nav-link">Components</a></li>
                            <li class="spyre-nav-item"><a href="../docs/index.html" class="spyre-nav-link">Docs</a></li>
                            <li class="spyre-nav-item"><a href="https://themes.getbootstrap.com/product/spyre-slick-contemporary-multipurpose-theme" target="_blank" class="spyre-nav-link">Purchase</a></li>
                        </ul>
                    </nav>
                </div>

                <div class="col-lg-7 col-xl-8 d-none d-md-block">
                    <div class="d-flex flex-column h-100">
                        <div class="d-flex h-100">
                            <div class="align-self-center">
                                <div class="text-uppercase"
                                     data-background-text="communication"
                                     data-color="#7079a2"
                                     data-opacity="0.02"
                                     data-font-size="85px"
                                     data-font-weight="500"
                                     data-offset-x="-5%"
                                     data-letter-spacing="5px"
                                ></div>
                                <div class="text-uppercase"
                                     data-background-text="planning"
                                     data-color="#7079a2"
                                     data-opacity="0.04"
                                     data-font-size="175px"
                                     data-font-weight="500"
                                     data-offset-x="29%"
                                     data-padding="7vh 0 2vh 0"
                                     data-letter-spacing="5px"
                                ></div>
                                <div class="text-uppercase"
                                     data-background-text="delivering"
                                     data-color="#7079a2"
                                     data-opacity="0.03"
                                     data-font-size="140px"
                                     data-font-weight="500"
                                     data-offset-x="15%"
                                     data-letter-spacing="5px"
                                ></div>
                            </div>
                        </div>

                        <div class="mt-auto">
                            <ul class="nav flex-nowrap float-right">
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-twitter text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-instagram text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-facebook-box text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-pinterest text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-flickr text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-youtube text-white"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End of Spyrenav Overlay -->
</header>
<!-- End of Header -->


<!-- Main Content -->
<main class="main minh-100vh">
    <!-- Section -->
    <section class="py-0 overflow-hidden text-center">
        <div class="bg-container overlay parallax" data-rellax-percentage="0.5" style="background-image: url(../assets/img/backgrounds/bg-16.jpg)"></div>
        <div class="container">
            <div class="row h-100vh align-items-center">
                <div class="col">
                    <h1 class="text-white text-uppercase mb-4 fs-4 fs-lg-6">Frequently Asked Questions</h1>
                    <div class="row justify-content-center">
                        <div class="col-lg-5">
                            <form class="form">
                                <div class="input-group input-group-lg">
                                    <input type="text" class="form-control border-0" placeholder="Type your question here">
                                    <div class="input-group-append">
                                        <button type="button" class="btn btn-primary btn-block px-3"><i class="zmdi zmdi-search fs-2"></i></button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section class="pb-0">
        <div class="container">
            <div class="card-deck d-block d-lg-flex">
                <div class="card card-info active mb-3">
                    <div class="card-body py-5 fw-bold text-primary text-center text-uppercase">
                        <h2 class="mb-0"><i class="zmdi zmdi-comments"></i></h2>
                        <p class="mb-0">Getting started</p>
                    </div>
                </div>
                <div class="card card-info mb-3">
                    <div class="card-body py-5 fw-bold text-primary text-center text-uppercase">
                        <h2 class="mb-0"><i class="zmdi zmdi-case"></i></h2>
                        <p class="mb-0">How it works</p>
                    </div>
                </div>
                <div class="card card-info mb-3">
                    <div class="card-body py-5 fw-bold text-primary text-center text-uppercase">
                        <h2 class="mb-0"><i class="zmdi zmdi-mic"></i></h2>
                        <p class="mb-0">Communication</p>
                    </div>
                </div>
                <div class="card card-info mb-3">
                    <div class="card-body py-5 fw-bold text-primary text-center text-uppercase">
                        <h2 class="mb-0"><i class="zmdi zmdi-card"></i></h2>
                        <p class="mb-0">Payment</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section class="pt-6">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="accordion faq" id="accordionFaq">
                        <div class="card">
                            <div class="card-header" id="faq1">
                                <h2 class="mb-0">
                                    <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#answer1" aria-expanded="true" aria-controls="answer1">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit?
                                    </button>
                                </h2>
                            </div>

                            <div id="answer1" class="collapse show" aria-labelledby="faq1" data-parent="#accordionFaq">
                                <div class="card-body">
                                    Praesent consequat elit felis, non aliquam sem euismod non. Quisque velit dolor, convallis id tempor vel, iaculis id velit. Nunc magna nisi, commodo maximus purus ac, placerat dapibus sem. Curabitur tempor nibh in est porttitor. Mauris hendrerit ante a sem accumsan, ac auctor leo interdum. Nullam ultrices fermentum mi quis accumsan. Donec sed gravida dui, vel elementum lacus. Aliquam ultrices, nunc non mollis interdum, turpis sapien commodo metus, et ultrices leo risus eu urna.
                                </div>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-header" id="faq2">
                                <h2 class="mb-0">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#answer2" aria-expanded="false" aria-controls="answer2">
                                        Quisque velit dolor, convallis id tempor vel?
                                    </button>
                                </h2>
                            </div>

                            <div id="answer2" class="collapse" aria-labelledby="faq2" data-parent="#accordionFaq">
                                <div class="card-body">
                                    Aenean eget leo purus. Aenean urna eros, mattis eget vestibulum ut, congue ut nulla. Vivamus nunc leo, tempus et eros in, consequat aliquam orci. Vivamus ornare ligula ut lacinia vulputate. Nulla et mauris condimentum nisi efficitur venenatis ac sed massa. Quisque mattis ipsum nisl, ut ornare risus sagittis at. Quisque ullamcorper, dui ut eleifend accumsan, elit quam convallis orci, a ultricies metus massa sed purus. Cras scelerisque quam purus, luctus rhoncus tellus semper eget. Nam hendrerit nibh ac condimentum mollis. Praesent varius eros metus, et fermentum nisl fringilla ut. Nunc consequat vel metus in maximus. Integer sodales, quam a cursus consequat, augue nisi tempor elit, ac volutpat ante ante in massa. Donec volutpat vestibulum velit sit amet hendrerit.
                                </div>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-header" id="faq3">
                                <h2 class="mb-0">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#answer3" aria-expanded="false" aria-controls="answer3">
                                        Nulla ut tortor sollicitudin nisi auctor gravida?
                                    </button>
                                </h2>
                            </div>

                            <div id="answer3" class="collapse" aria-labelledby="faq3" data-parent="#accordionFaq">
                                <div class="card-body">
                                    Proin molestie turpis sit amet dui faucibus tincidunt. Nam vitae sollicitudin arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla vulputate accumsan libero, non ornare enim facilisis at. Cras maximus tincidunt risus vel sodales. Sed ut ipsum aliquet, commodo tellus vel, consequat dolor. Aliquam facilisis dui non elementum euismod. Nunc bibendum lectus at luctus iaculis. Donec nec lobortis nulla, varius congue magna. Nunc a pretium tellus.
                                </div>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-header" id="faq4">
                                <h2 class="mb-0">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#answer4" aria-expanded="false" aria-controls="answer4">
                                        Vestibulum vitae urna vulputate, volutpat neque laoreet, scelerisque turpis?
                                    </button>
                                </h2>
                            </div>

                            <div id="answer4" class="collapse" aria-labelledby="faq4" data-parent="#accordionFaq">
                                <div class="card-body">
                                    Cras rhoncus vitae libero vitae vestibulum. Sed mollis massa sit amet eros imperdiet, sit amet consequat enim rutrum. Duis iaculis eu tellus non tincidunt. Aliquam vel lacus pretium, condimentum tellus sed, malesuada felis. Praesent suscipit accumsan enim viverra facilisis. In volutpat sem ac lacus molestie gravida vitae sit amet tortor. Etiam vel volutpat ante, id mollis tortor. Duis eget libero sit amet dolor vulputate tempor. Donec ut efficitur dui. Vestibulum eget augue malesuada elit dignissim pulvinar a id felis. Etiam vestibulum tristique luctus. Aenean eget posuere est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec ut varius ex.
                                </div>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-header" id="faq5">
                                <h2 class="mb-0">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#answer5" aria-expanded="false" aria-controls="answer5">
                                        Etiam sed mauris at neque consequat mollis vitae sit amet lorem?
                                    </button>
                                </h2>
                            </div>

                            <div id="answer5" class="collapse" aria-labelledby="faq5" data-parent="#accordionFaq">
                                <div class="card-body">
                                    In in lacus purus. Fusce fringilla augue in congue gravida. Morbi lacus sapien, tempor at volutpat eu, suscipit sed lectus. Maecenas ante ipsum, auctor a leo ut, lacinia tincidunt velit. Maecenas a massa non erat posuere semper. Pellentesque nec est pellentesque orci faucibus faucibus eget ac lacus. Proin sit amet laoreet quam. Praesent consequat aliquet erat quis ultricies. Curabitur finibus vestibulum nibh, quis pretium est congue et. Ut aliquet lectus ante, ac vulputate augue sagittis vel. Aenean dapibus sapien libero, sed faucibus orci lacinia convallis.
                                </div>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-header" id="faq6">
                                <h2 class="mb-0">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#answer6" aria-expanded="false" aria-controls="answer6">
                                        Mauris a tellus eget lacus varius blandit in id eros?
                                    </button>
                                </h2>
                            </div>

                            <div id="answer6" class="collapse" aria-labelledby="faq6" data-parent="#accordionFaq">
                                <div class="card-body">
                                    Proin cursus eros quis tristique malesuada. Phasellus eleifend aliquam eros in sodales. Sed vulputate blandit pellentesque. Nullam metus mauris, interdum vitae ex id, venenatis fermentum ipsum. Suspendisse ut lectus sed ligula luctus lobortis et sit amet ipsum. Praesent lacinia neque quis lectus malesuada vulputate. Duis consectetur nulla a tellus venenatis rutrum.
                                </div>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-header" id="faq7">
                                <h2 class="mb-0">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#answer7" aria-expanded="false" aria-controls="answer7">
                                        Phasellus tempor mi sed libero ultricies, id egestas mauris semper?
                                    </button>
                                </h2>
                            </div>

                            <div id="answer7" class="collapse" aria-labelledby="faq7" data-parent="#accordionFaq">
                                <div class="card-body">
                                    Nunc lobortis erat vel sem rutrum euismod at ut lorem. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus gravida nisl in diam malesuada convallis. Curabitur hendrerit ligula ut magna porta efficitur. Proin dictum leo id urna ultrices malesuada. Aliquam porta erat sapien. Aliquam tincidunt magna lobortis lorem convallis faucibus. Vivamus auctor velit dui, vel luctus ipsum pharetra eu.
                                </div>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-header" id="faq8">
                                <h2 class="mb-0">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#answer8" aria-expanded="false" aria-controls="answer8">
                                        Nam elementum neque id fermentum placerat?
                                    </button>
                                </h2>
                            </div>

                            <div id="answer8" class="collapse" aria-labelledby="faq8" data-parent="#accordionFaq">
                                <div class="card-body">
                                    Donec cursus est ut feugiat pulvinar. Donec sed orci in orci consequat suscipit id eu lectus. Integer sed sodales diam. Donec efficitur eleifend quam, ut scelerisque quam ultricies in. Pellentesque ultricies rutrum rhoncus. Nullam ac tincidunt nunc. Duis ac convallis diam. Duis ullamcorper diam nec lobortis mattis.
                                </div>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-header" id="faq9">
                                <h2 class="mb-0">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#answer9" aria-expanded="false" aria-controls="answer9">
                                        Morbi vitae lorem ut arcu pretium vulputate?
                                    </button>
                                </h2>
                            </div>

                            <div id="answer9" class="collapse" aria-labelledby="faq9" data-parent="#accordionFaq">
                                <div class="card-body">
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dignissim nibh bibendum eros dignissim ullamcorper. Nam vel libero et lectus fringilla efficitur. Nunc risus odio, mollis vitae ipsum vel, mollis varius sapien. Nam at nisl ligula. Donec rutrum enim lacus. Fusce sit amet efficitur purus. Sed vestibulum, tellus quis auctor fringilla, elit risus sagittis nibh, at volutpat sem massa sed justo.
                                </div>
                            </div>
                        </div>

                        <div class="card">
                            <div class="card-header" id="faq10">
                                <h2 class="mb-0">
                                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#answer10" aria-expanded="false" aria-controls="answer10">
                                        Etiam sed mauris at neque consequat mollis vitae sit amet lorem?
                                    </button>
                                </h2>
                            </div>

                            <div id="answer10" class="collapse" aria-labelledby="faq10" data-parent="#accordionFaq">
                                <div class="card-body">
                                    Phasellus iaculis faucibus augue pretium sagittis. Quisque fringilla vel est vel vestibulum. Etiam sodales, magna et mollis vestibulum, purus ligula auctor augue, malesuada vestibulum sapien mauris ut nisi. Cras consequat finibus mi, a pulvinar lorem vulputate vel. Cras interdum felis ante, nec lacinia justo efficitur eget. Aenean in eros ultricies, placerat nulla a, blandit tellus. Fusce tempor augue scelerisque odio laoreet rutrum. Sed quis elementum metus, vitae ornare est.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section class="py-6 bg-blue-light">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-8">
                    <p class="mb-5 mb-lg-0">Still have a question? Nullam vestibulum tellus ipsum, viverra urna blandit non. Interdum et malesuada fames ac ante ipsum primis.</p>
                </div>
                <div class="col-lg-4 text-center">
                    <a href="#" class="btn btn-lg bg-secondary text-white px-6">Ask Us<i class="zmdi zmdi-headset-mic zmdi-hc-lg ml-3"></i></a>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section class="text-center">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-7">
                    <h3 class="my-0 fs-1 fw-medium text-primary text-uppercase">Subscribe</h3>
                    <h2 class="mb-5 fw-medium text-secondary text-uppercase">Newsletter</h2>
                    <p class="mb-4">Cras dapibus erat ex, sed efficitur ligula interdum ut.</p>

                    <form class="form">
                        <div class="form-group mb-1">
                            <div class="row justify-content-center">
                                <div class="col-lg-8">
                                    <input type="text" class="form-control mb-3 mb-lg-2" placeholder="Email address">
                                </div>
                                <div class="col-8 col-lg-4">
                                    <button type="button" class="btn btn-primary btn-block">Subscribe<i class="zmdi zmdi-mail-send ml-2"></i></button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->
</main>
<!-- End of Main Content -->


<!-- Footer -->
<footer class="footer text-white" style="background-image: url(../assets/img/footer-bg.jpg)">
    <div class="container d-flex h-100">
        <div class="row flex-grow-1">
            <div class="col-lg-3 pt-3 ext-l bg-secondary text-center text-lg-left">
                <div class="d-flex flex-column h-100">
                    <div class="pt-5 pt-lg-8 pb-4">
                        <img src="../assets/img/logo-small.svg" alt="" width="92" class="mb-4" />
                        <p class="mb-4 mt-3 fs--1">New York, NY<br />
                            62 Birchpond St.<br />
                            Crystal Lake, NY 11762</p>

                        <p class="fs--1"><a href="#" class="text-white"><i class="zmdi zmdi-phone zmdi-hc-fw mr-1"></i>+1-202-555-0149</a><br />
                            <a href="#" class="text-white"><i class="zmdi zmdi-email zmdi-hc-fw mr-1"></i>info@spyre.com</a></p>
                    </div>

                    <ul class="mt-4 mt-lg-auto mb-5 mb-lg-0 list-unstyled list-inline">
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-twitter text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-instagram text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-facebook-box text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-pinterest text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-flickr text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-youtube text-white"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="col d-flex flex-column mb-2 mt-3 pl-lg-7">
                <div class="row pt-5 pt-lg-8 pb-4 pb-lg-6">
                    <div class="col-6 col-lg-3">
                        <h6 class="mb-1 mb-lg-4 text-uppercase">Services</h6>
                        <ul class="pt-2 mb-5 fw-light list-unstyled">
                            <li class="my-1"><a href="#" class="text-white">Design</a></li>
                            <li class="my-1"><a href="#" class="text-white">Development</a></li>
                            <li class="my-1"><a href="#" class="text-white">Themes</a></li>
                            <li class="my-1"><a href="#" class="text-white">CMS</a></li>
                            <li class="my-1"><a href="#" class="text-white">Mobile</a></li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3">
                        <h6 class="mb-1 mb-lg-4 text-uppercase">About</h6>
                        <ul class="pt-2 mb-5 fw-light list-unstyled">
                            <li class="my-1"><a href="#" class="text-white">About Us</a></li>
                            <li class="my-1"><a href="#" class="text-white">Contact</a></li>
                            <li class="my-1"><a href="#" class="text-white">The team</a></li>
                            <li class="my-1"><a href="#" class="text-white">Careers</a></li>
                            <li class="my-1"><a href="#" class="text-white">Locate store</a></li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3">
                        <h6 class="mb-1 mb-lg-4 text-uppercase">Help</h6>
                        <ul class="pt-2 mb-5 fw-light list-unstyled">
                            <li class="my-1"><a href="#" class="text-white">Sponsors</a></li>
                            <li class="my-1"><a href="#" class="text-white">FAQs</a></li>
                            <li class="my-1"><a href="#" class="text-white">Stories & Ideas</a></li>
                        </ul>
                    </div>
                </div>

                <div class="mt-auto d-flex justify-content-between">
                    <span class="fs--3 fs-lg--2">&copy; Spyre, 2019 Webinning Ltd.</span>
                    <div class="fs--3 fs-lg--2"><a href="#" class="mr-1 text-white">Privacy Policy</a>|<a href="#" class="ml-1 text-white">Cookie Policy</a></div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- End of Footer -->


<!-- Core Javascripts -->
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/jquery/dist/jquery.min.js"></script>
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/popper.js/dist/umd/popper.min.js"></script>
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- Vendor Javascripts -->
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/rellax/rellax.min.js"></script>

<!-- Theme Javascripts -->
<script src="https://spyre-theme.bitbucket.io/v1.2.0/dist/js/theme.min.js"></script>
</body>
</html>